<template>
  <div class="index-page">
    <i-header class="iheader"/>
    <navbar class="navbar"/>
    <i-head-slider/>
    <i-middle-slider/>
    <manage-money/>
    <i-life/>
    <i-insurance/>
    <footer-dxm/>
  </div>
</template>

<script>
import Navbar from '@/pages/comm-comp/navbar/navbar.vue'
import IHeader from './i-header/i-header.vue'
import IHeadSlider from './i-head-slider/i-head-slider.vue'
import IMiddleSlider from './i-middle-slider/i-middle-slider.vue'
import ManageMoney from './manage-money/manage-money.vue'
import ILife from './i-life/i-life.vue'
import IInsurance from './i-insurance/i-insurance.vue'
import FooterDxm from '@/pages/comm-comp/footer-dxm/footer-dxm.vue'

export default {
  name: 'index-page',
  components: {
    Navbar,
    IHeader,
    IHeadSlider,
    IMiddleSlider,
    ManageMoney,
    ILife,
    IInsurance,
    FooterDxm
  }
}
</script>
<style lang="scss" scoped>
.index-page {
  padding: 88px 0px 88px 0px;
  .iheader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    z-index: 10;
  }
  .navbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
  }
}

</style>
